import pinia from '@/stores'

import { createApp } from 'vue'

import App from './App.vue'
import router from './router'

// 按需引入message 这个API组件的样式
import 'element-plus/es/components/message/style/css'
import 'element-plus/es/components/message-box/style/css'
import directives from './directives'

// 引入 normalize.css
import 'normalize.css'

// 引入全局样式
import './assets/styles/global.less'

const app = createApp(App)

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

// 使用仓库和路由
app.use(pinia)
app.use(router)
app.use(directives) // 只要调用use，就会调用它内部的 install 方法

// 这个放在最后
app.mount('#app')
